<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Attendance check</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $("table tbody tr").click(function() {
            $(this).toggleClass("selected");
            $(this).siblings().removeClass("selected");
            
            
        });
    });
    </script>
</head>
<body>
    <div class="wrapper wcol-12">
        <div class="header">
            <ul class="header__nav col-9">
                <li class="header__nav--active"><a href="#">Teachers</a></li>
                <li><a href="#" >Database</a></li>
                <li><a href="#" >Support</a></li>
            </ul>
            <ul class="header__nav--right">
                <li class="header__nav"><a href="#">Log out</a></li>
            </ul>
        </div>
        <div class="content">
            <form class="form--horizontal" action="">
                <div class="form__group">
                    <label for="id">ID</label>
                    <input type="text" class="input" name="id" id="id"/>
                </div>
                <div class="form__group">
                    <label for="name">Name</label>
                    <input type="text" class="input" name="name" id="name"/>
                </div>
                <div class="form__group">
                    <label for="surname">Surname</label>
                    <input type="text" class="input" name="surname" id="surname"/>
                </div>
                <div class="form__group">
                    <label for="email">Email</label>
                    <input type="text" class="input" name="email" id="email"/>
                </div>
                <div class="form__group">
                    <label></label>
                    <input type="submit" class="btn" name="submit" value="Save"/>
                    <input type="submit" class="btn-grey" name="cancel" value="Cancel"/>
                </div>
            </form>
        </div>
        <div class="footer"></div>
    </div>
</body>
</html>